<template>
	<view>
		<view class="loading-css" :style="{'width':cirSize + 'px','height':cirSize+'px'}"></view>
	</view>
</template>

<script>
	export default {
		props:{
			cirSize:{
				type:Number,
				default:20
			},
		}
	}
</script>

<style lang='scss' scoped>
	.loading-css {
	  box-sizing: border-box;
	  display: inline-block;
	  border: 2px solid #f3f3f3;
	  border-top: 2px solid $pss-color-primary_1;
	  border-radius: 50%;
	  /* 动画旋转效果 */
	  animation: rotate-360 1s infinite linear;
	}
	@keyframes rotate-360 {
	  0% {
	    transform: rotate(0deg);
	  }
	  100% {
	    transform: rotate(360deg);
	  }
	}
</style>